<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        action  数据提交地址(不写默认提交当前页)
        method="get/post"  数据提交方式



     -->

    <button class="get">获取</button>
    <button class="set">设置</button>

    <div class="nav w">
        <!-- 锚链接 -->
        <a href="#live">直播</a>
        <a href="#ani">动画</a>
        <a href="#drama">番剧</a>
        <a href="#chAni">国漫</a>
        <a href="#music">音乐</a>
        <a href="#sports">运动</a>

        <!--  # 默认返回当前页面的顶部 -->
        <a href="#">返回顶部</a>

        <!-- a 默认跳转当前页  => 刷新页面 -->
        <a href="">刷新</a>
    </div>

    <!-- https://www.baidu.com -->
    <form action="" method="get">
        <p>
            <label for="user">用户名:</label>
            <!-- name => 数据的字段名（键名） value => 对于的键值 -->
            <input type="text" name="user">
        </p>
        <p>
            <label for="pwd">密&emsp;码:</label>
            <input type="text" name="pwd">
        </p>
        <p>
            <label for="phone">手机号:</label>
            <input type="text" name="phone">
        </p>
        <p>
            <label for="email">邮&emsp;箱:</label>
            <input type="text" name="email">
        </p>
        <p>
            <input type="submit" value="提交">
            <input type="reset" value="重置">
        </p>
    </form>


</body>
<script>
    // location   地址栏对象 (window.location)

    // location 属性和方法

    // 属性:
    // protocol  获取和设置url的协议部分

    // hostname  获取和设置url的域名部分
    // host      获取和设置url的域名 + 端口部分
    // origin    获取和设置url的协议 + 域名 + 端口部分

    // port        获取和设置url的端口部分
    // pathname    获取和设置url的文件路径部分
    // search      获取和设置url的参数数据部分
    // hash        获取和设置url的锚点部分

    // href        获取和设置url


    // 方法 
    // reload()   重新加载 => 刷新

    console.log(location);


    var getBtn = document.getElementsByClassName("get")[0];
    var setBtn = document.getElementsByClassName("set")[0];


    getBtn.onclick = function () {
        console.log(location.protocol);
        console.log(location.hostname);
        console.log(location.host);
        console.log(location.origin);
        console.log(location.port);
        console.log(location.pathname);
        console.log(location.search);
        console.log(location.hash);
        console.log(location.href);
    }
    setBtn.onclick = function () {
        // location.protocol = "https:";
        // location.hostname = "192.168.50.125";
        // location.port = "5501";
        // location.pathname = "/day09/html/06 小广告.html";
        // location.search = "?a=1&b=2"
        // location.hash = "#one"


        // location.href = "https://www.baidu.com";  //当前窗口跳转

        // location.href = "../../day09/html/06 小广告.html";


        location.reload();


    }




</script>

</html>